<!DOCTYPE html>
<html lang="%LANG_ISO_CODE%"
   <% if ( platform === 'ext' && filename === 'ui-popup.html' ) { %>
      style="min-height: 600px; min-width: 400px; margin: 0; overflow: auto;"
   <% } %>
>
  <head>
    <meta charset="utf-8" />
    <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
    <!--
        This viewport works for phones with notches.
        It's optimized for gestures by disabling global zoom.
    -->
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1.00001, viewport-fit=cover"
    />
    <title>OneKey</title>
      <% if ( isDev ) { %>
        <script
        <% if ( platform === 'ext'  ) { %>
          src="http://localhost:3180/react-render-tracker@0.7.3/dist/react-render-tracker.js"
        <% } else { %>
          src="/react-render-tracker@0.7.3/dist/react-render-tracker.js"
        <% } %>
          data-config="inpage:false"
        /></script>
        <meta name="rempl:server" content="localhost:8177" />
    <% } %>
    <style>
      /* add global styles to packages/shared/src/web/index.css */
    </style>


      <% if ( platform === 'ext' ) { %>
      <!--    <script>-->
      <!--      // ** inline script not allowed in Ext, use themePreload.js instead-->
      <!--    </script>-->
          <script src="/preload-html-head.js?<%= currentVersion %>"></script>
      <% } %>

      <% if ( platform === 'desktop' || platform === 'web' ) { %>
          <script>
// >>>>>>> automatic copy code from preload-html-head.js <<<<<<<<<
            <%= htmlHeadPreloadCode %>
          </script>
      <% } %>
  </head>

  <!-- html template copy from node_modules/@expo/webpack-config/web-default/index.html -->
  <body class="onekey-body"

        data-platform="<%= platform %>"
        data-browser="<%= browser %>"
        data-filename="<%= filename %>-not-correct-in-ext"
    <% if ( platform === 'ext' && browser === 'firefox' && filename === 'ui-popup.html' ) { %>
        style="min-height: 600px; min-width: 400px; margin: 0;"
    <% } %>
  >

    <!--
      A generic no script element with a reload button and a message.
      Feel free to customize this however you'd like.
    -->
    <noscript>
      <form
        action=""
        style="
          background-color: #fff;
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 9999;
        "
      >
        <div
          style="
            font-size: 18px;
            font-family: Helvetica, sans-serif;
            line-height: 24px;
            margin: 10%;
            width: 80%;
          "
        >
          <p>Oh no! It looks like JavaScript is not enabled in your browser.</p>
          <p style="margin: 20px 0">
            <button
              type="submit"
              style="
                background-color: #4630eb;
                border-radius: 100px;
                border: none;
                box-shadow: none;
                color: #fff;
                cursor: pointer;
                font-weight: bold;
                line-height: 20px;
                padding: 6px 16px;
              "
            >
              Reload
            </button>
          </p>
        </div>
      </form>
    </noscript>

    <!-- The root element for your Expo app.  -->
    <div id="root"></div>

    <% if ( platform !== 'webEmbed' ) { %>
      <img
          width='80'
          class="onekey-index-html-preload-image"
          style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%)"
          src=''
      />
      <% } %>
  </body>
</html>
